export const Variants = () => (
<div style={{ display: 'grid', gap: 'var(--sp-5)' }}>
<Labeled text="settings section — switch rows, a select and a checkbox in one centred column">
<Page initial="schuzky" />
</Labeled>
<Labeled text="section with its own action — the quiet text action sits in the bar, the column holds the list">
<Page initial="emailove-sablony" />
</Labeled>
</div>
);
States
E-mailové šablony
Návrh portfoliaNávrh portfolia pro {{jmeno}} · upraveno 25. 8.
Po schůzce — shrnutí a další krokShrnutí naší schůzky {{termin}} · upraveno 25. 8.
Rychlá odpověď — zájem o dluhopisyDluhopisy AVANT — {{jmeno}}, shrnutí k vaší otázce · upraveno 25. 8.
search — the menu keeps only matching items, a group with nothing left disappears
export const States = () => (
<div style={{ display: 'grid', gap: 'var(--sp-5)' }}>
<Labeled text="search — the menu keeps only matching items, a group with nothing left disappears">
<Page initial="emailove-sablony" initialQuery="šablon" />
</Labeled>
</div>
);